/*首页的我要模块*/
.m-want-wrap{
  .px2rem_all(padding,60,0,40,40);
  width:100%;
  box-sizing:border-box;
}
.m-want-head{
  .px2rem_all(padding,44,32,0,0);
  text-align:center;
  font-size: 16px;
  color:#888;
}
.m-want-tit{
  .px2rem(font-size,48);
  line-height:1;
  .px2rem_all(padding,0,10,0,0);
  color:#333;
}
.m-line-form{
  .px2rem(height,48);
  .px2rem(line-height,48);
  .px2rem(font-size,32);
  .px2rem_all(padding,20,20,0,0);
  border-bottom:1px solid #ddd;
  .label{
    .px2rem(width,184);
    color:#333;
  }
}
.m-line-form-ipt{
  height:100%;
  input{
    background:#f5f5f5;
    height:100%;
    width:100%;
    display:block;
    float:left;
    color:#888;
    font-size:100%;
  }
}
.btn-code{
  .px2rem(height,48);
  .px2rem(font-size,24);
  border-radius:5px;
  background:#ddd;
  color:#888;
  padding:0 10px;
}
.logo-img{
  .px2rem(width,450);
  margin:0 auto;
  img{
    width:100%;
  }
}
.ewm-img{
  .px2rem(width,420);
  .px2rem(height,420);
  border:3px solid #fff;
  .px2rem(padding,12);
  border-radius: 5px;
  background: #f5f5f5;
  .px2rem(margin-left,-110);
  box-sizing: border-box;
  margin:0 auto;
  img{
    width:100%;
    height: 100%;
    background:#fff;
  }
}
.invit-code{
  color:#888;
  .px2rem(font-size,28);
  .px2rem(line-height,48);
  text-align: center;
  .px2rem(padding-top,50);
  p:first-child{
    .px2rem(font-size,32);
    .px2rem(line-height,52);
    color:#333;
  }
}
.icon-cloud{
  .px2rem(font-size,132);
  color:#76bbbd;
  text-align: center;
  .px2rem(padding-top,50);
  line-height: 1;
}
.m-want-step{
  .px2rem(height,45);
  .px2rem(line-height,45);
  .px2rem(font-size,32);
  text-align: center;
  .px2rem_all(margin,0,14,0,0);
  em{
    .px2rem(width,45);
    .px2rem(height,45);
    display: inline-block;
    border-radius: 50%;
    background: #888888;
    .px2rem_all(margin,0,0,10,10);
    color:#fff;
  }
}
.m-want-radio{
  .px2rem(font-size,32);
  .px2rem(padding-bottom,40);
  label{
    position: relative;
    display:block;
    .px2rem(margin-top,20);
    input{
      width:100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      opacity: 0;
      &:checked + span:after{
        background: #53a8f4;
        border:1px solid #53a8f4;
      }
      &:checked + span:before{
        content: '';
        .px2rem(width,18);
        .px2rem(height,10);
        position: absolute;
        border-top:3px solid #fff;
        border-right:3px solid #fff;
        transform: rotate(135deg);
        .px2rem(left,6);
        .px2rem(top,25);
        z-index: 1;
      }
    }
    span{
      .px2rem(padding-left,52);
      .px2rem(height,72);
      .px2rem(line-height,72);
      display:block;
      position: relative;
      &:after{
        .px2rem(width,32);
        .px2rem(height,32);
        content: '';
        border-radius: 50%;
        border:1px solid #bbb;
        display: block;
        position: absolute;
        left: 0;
        top:50%;
        .px2rem(margin-top,-16);
        box-sizing: border-box;
      }
    }
  }
  p{
    .px2rem(padding-left,52);
    color:#888;
    .px2rem(font-size,28);
  }
}